<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>订单支付</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/common_samplify.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/payment.css}"/>
		<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/payment.js}" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--
        	描述：订单支付页面还在完善中
        -->
         <div th:each="coupon:${couponList}"  >
		<form class="bg_snow order_info" th:action="@{/buyer/payment}"
			  th:object="${couponOrderForm}" method="post" >
			<div class="">
				<span th:each="bussiness:${coupon.bussinessDTO}" th:text="${bussiness.bussinessName}" th:name="${coupon.couponId}"></span>
				<span th:text="${coupon.useCondition}"></span>
				<span th:each="category:${coupon.couponCategoryDTO}" th:text="${category.categoryName}"></span>


				<div id="price">
				￥<span style="min-width: 15px;" th:text="${coupon.couponPrice}" th:name="couponPrice"></span>元</div></div>
			<div>
				<div class="" >
					购买数量
					<div class="count">
						<input type="button" id="sub" value="-" />
						<input type="text" name="" id="count" value="1" th:name="coupunNum"/>
						<input type="button" id="add" value="+" />
					</div>
				</div>
			</div>
			<div>
				<div class="">
					合计<div id="total"><span style="min-width: 15px;" id="" th:name="totalPrice">
						
					</span>元</div>
				</div>
			</div>
			<input type="submit" id="submit" value="提交订单"/>
		</form>
		
		<div class="reminder width100 bg_snow">
			<div class="reminder_head">
				购买须知：
			</div>
			<div class="">
				<ul>
					<li>活动时间</li>
					<li><span th:text="${#calendars.format(coupon.activityDurationStart, 'yyyy-MM-dd')}"></span>
						至<span th:text="${#calendars.format(coupon.activityDurationEnd, 'yyyy-MM-dd')}"></span></li>
					<li>消费截至时间</li>
					<li th:text="${#calendars.format(coupon.useDurationEnd, 'yyyy-MM-dd')}"></li>
					<li>营业时间</li>
					<li>9：00至22：00</li>
				</ul>
			</div>
		</div>

			 <div th:each="userCouponList:${userCouponDTOList}">
		<div class="position_fix width100 bg_snow phone paddingLR10" th:each="userCoupon:${userCouponList.tcUserDTO}" th:text="${userCoupon.handPhone}">
			<span>修改手机号 </span><img th:src="@{/img/fanzone_icon/swichTo.png}" class="width100"/>
		</div>
</div></div>
	</body>
</html>
